$(function () {
    $("span:eq(0)").click(function () {
        $(".post").show();
        $(".title").val("");
        $(".content").val("");
        $("select").val("请输入标题");
    });
    $(".btn").click(function () {
        var tou = ["tou01.jpg", "tou02.jpg", "tou03.jpg", "tou04.jpg"];
        var index = Math.floor(Math.random() * tou.length);
        var li = $("<li>");
        var divTou = $("<div><img src='images/" + tou[index] + "'/></div>");
        var h1 = $("<h1>" + $(".title").val() + "</h1>");
        var p = $("<p>");
        var selectSpan = $("<span>" + $("select").val() + "</span>");
        var contentSpan = $("<span>" + $(".content").val() + "</span>");
        var date = new Date();
        var Str = "年份：" + date.getFullYear() + "-月-" + (date.getMonth() + 1) + "-日-" + date.getDate();
        var timeSpan = $("<span>" + Str + "</span>");
        p.append(selectSpan);
        p.append(contentSpan);
        p.append(timeSpan);
        li.append(divTou);
        li.append(h1);
        li.append(p);
        $("ul").append(li);
        $(".post").hide();
    });
});